@media(max-width:1024px) {
#top{ position:fixed; background:#fff; top:0; left:0; width:100%;z-index:20; border-bottom:solid 1px #eee; height:4rem;}
#top .k{ width:100%; margin:0 auto; overflow:hidden;}
#logo{ float:left; margin-top:1rem; margin-left:1rem;}
#logo img{ height:2rem;}
#menu{ overflow:hidden; float:right; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none;}
#menu ul{ width:60%; background:#fff; height:100%; overflow:scroll; float:left; transition:all 0.5s; margin-left:-60%;}
#menu ul li{float:inherit; width:100%;}
#menu ul li a{ display:block; line-height:4rem; padding:0 2rem; border-bottom:solid 1px #eee; font-size:1rem;}

#menu ul li .zmenu{ position:inherit; background:#eee; padding:10px 0; display:none;}
#menu ul li .zmenu p a{ line-height:40px; font-size:14px;}



#close{ display:block; float:left; background:#ec1e22; width:4rem;}
#close img{ width:100%;}

#menu_btn{ display:block; float:right; width:4rem; cursor:pointer;}
#menu_btn img{ width:100%;}



#lan{ float:right; line-height:4rem; font-size:1rem; margin-left:0;margin-right:1rem; cursor:pointer;}
#lan img{ vertical-align:middle; margin:0 5px 3px 0;}
#lan .list{ position:absolute; width:110px; box-shadow:0 2px 5px rgba(0,0,0,0.2); display:none; margin-top:-1rem;}
#lan .list a{ display:block; line-height:50px; font-size:14px; border-bottom:solid 1px #eee; background:#fff; text-align:center;}
#lan .list a:hover{ color:#fff; background:#ec1e22;}

#banner{ width:100%; overflow:hidden; margin-top:115px; padding-top:3rem;}
#banner img{ width:200%; margin-left:-85%;}

#word{ position:absolute; width:100%; overflow:hidden; margin-top:-4rem;}
#word div{ width:90%; margin:0 auto;}
#word div p.a1{ font-size:0.83vw; line-height:4.68vw; color:#666; padding-top:1vw;}
#word div h1{ font-size:7vw; font-weight:bold; line-height:11vw; color:#000;}
#word div p.a2{ font-size:2vw; font-weight:900; color:#ec1e22; line-height:3vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}

#word div p.a2 span{opacity:0;}
#txt3{ margin-top:20px;}
#txt3 span{opacity:0; font-size:8vw; font-weight:900; color:#000; line-height:11vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}

#txt2 span{opacity:0; font-size:2vw; font-weight:900; color:#ec1e22; line-height:3vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}
#gb{ 
animation: blink-caret .5s infinite;
    background-color:#ec1e22;
    display: inline-block;
    height:2vw;
    margin-bottom: 0;
    margin-left:5px;
    width:5vw;
}
#gb1{ 
animation: blink-caret .5s infinite;
    background-color:#ec1e22;
    display: inline-block;
    height:2vw;
    margin-bottom: 0;
    margin-left:5px;
    width:5vw;
}
@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}


/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
.swiper-slide{overflow:hidden;}
.swiper-slide img {width:100%;}

#ind_pro{ width:90%; margin:0 auto; overflow:hidden;}
#ind_pro .left{ float:left; overflow:hidden;}
#ind_pro .left h2{ font-size:18px; line-height:20px; padding-top:2rem;}
#ind_pro .left .p_info{ overflow:hidden;}
#ind_pro .left .p_info ul li{ overflow:hidden; display:none;}
#ind_pro .left .p_info ul li p.a1{ font-size:48px; color:#000; font-weight:900; line-height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_pro .left .p_info ul li p.a2{ font-size:18px; line-height:60px; color:#000; font-weight:bold; letter-spacing:5px;}
#ind_pro .left .p_info ul li p.a3{ padding-top:20px;}
#ind_pro .left .p_info ul li p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:36px; width:100px; text-align:center;}
#ind_pro .left .p_info ul li p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:120px;}

#ind_pro .left .btn{ overflow:hidden; margin-top:55px;}
#ind_pro .left .btn p{ width:30px; height:10px; background:#333; float:left; margin-right:10px; cursor:pointer;}


#ind_pro .right{ float:right; overflow:hidden;}
#ind_pro .right ul li{ display:none;}
#ind_pro .right ul li img{ width:100%;}

#ind_about{ width:100%; margin:0 auto; overflow:hidden;}
#ind_about .left{ float:left; margin-right:50px; width:100%;}
#ind_about .left img{ width:100%;}
#ind_about .right{ overflow:hidden; width:90%; margin:0 auto;}
#ind_about .right h2{ font-size:1.6rem; font-weight:900; color:#000; line-height:3rem; padding-top:2rem;}
#ind_about .right h2 span{ color:#ec1e22;}
#ind_about .right p.a2{ font-size:0.9rem; color:#666; line-height:2rem; margin-top:0.5rem;}
#ind_about .right p.a3{ overflow:hidden; margin-top:2rem;}
#ind_about .right p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:2rem; width:7rem; text-align:center;}
#ind_about .right p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:150px;}

#ind_sale{ width:100%; overflow:hidden; background:#f7f7f7; margin-top:3rem;}
#ind_sale .k{ width:90%; margin:0 auto; overflow:hidden;}
#ind_sale .left{ width:100%; float:left;}
#ind_sale .left h2{ font-size:1.6rem; font-weight:900; color:#000; line-height:3rem; margin-top:2rem;}
#ind_sale .left h2 span{ color:#ec1e22;}
#ind_sale .left p.a2{ font-size:0.9rem; color:#666; line-height:2rem; margin-top:10px;}
#ind_sale .left p.a3{ padding-top:2rem;}
#ind_sale .left p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:2rem; width:7rem; text-align:center;}
#ind_sale .left p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:150px;}
#ind_sale .right{ float:right;}
#ind_sale .right img{ width:100%;}

#ind_news{ width:100%; margin:0 auto; overflow:hidden;}
#ind_news .title{ text-align:center; overflow:hidden;}
#ind_news .title h2{ font-size:1.6rem; font-weight:900; color:#000; line-height:3rem; margin-top:2rem;}
#ind_news .title h2 span{ color:#ec1e22;}
#ind_news .title h3{ font-size:0.8rem; color:#666; letter-spacing:5px; font-weight:100;}
#ind_news  .list{ overflow:hidden; text-align:center; padding:1rem 0 2rem 0;}
#ind_news  .list ul{ display:inline-block;}
#ind_news  .list ul li{ float:left; margin:0 5% 1rem 5%; box-shadow:0 0 20px rgba(0,0,0,0.1); width:90%; overflow:hidden;}
#ind_news  .list ul li a{ display:block; background:#fff; text-align:left;}
#ind_news  .list ul li a p.a0{ overflow:hidden;}
#ind_news  .list ul li a p.a0 img{ width:100%; transition:all 0.5s;}
#ind_news  .list ul li a:hover p.a0 img{ transform:scale(1.15);}
#ind_news  .list ul li a div{ height:auto; padding:0 5% 2rem 5%;}
#ind_news  .list ul li a div p.a1{ font-size:0.8rem; color:#0152a4; line-height:2rem; padding-top:1rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news  .list ul li a div p.a2{ font-size:1.1rem; color:#000; line-height:1.8rem; transition:all 0.5s;}
#ind_news  .list ul li a:hover{ background:#ec1e22;}
#ind_news  .list ul li a:hover p.a1{ color:#fff;}
#ind_news  .list ul li a:hover p.a2{ color:#fff;}

#ind_con{ width:100%; overflow:hidden; background:#0152a4; color:#fff;}
#ind_con .k{ width:90%; margin:0 auto; overflow:hidden; line-height:5rem; font-size:1rem; font-weight:900;}
#ind_con .k a{ display:block; float:right; color:#fff; font-size:0.8rem; line-height:2rem; border:solid 2px #fff; width:7rem; text-align:center; font-weight:100; margin-top:1.45rem;}
#ind_con .k a:hover{ background:#fff; color:#000;}

#bottom{ background:url(image/bottom.jpg) no-repeat center top; width:100%; overflow:hidden; height:auto; padding-bottom:2rem;}
#bottom .k{ width:90%; margin:0 auto; overflow:hidden; color:#fff;}
#bottom .k ul li{ float:left; width:240px; display:none;}
#bottom .k ul li p.tt{ font-size:1rem; padding-top:2rem; line-height:50px;}
#bottom .k ul li p a{ color:#fff;}
#bottom .k ul li p a:hover{ color:#ec1e22;}
#bottom .k ul li:last-child{ float:right; width:100%; display:block; font-size:0.8rem;}

#bottom .k ul li p.share{ overflow:hidden; margin-top:30px;}
#bottom .k ul li p.share a{ display:block; width:36px; height:36px; background:rgba(255,255,255,0.2); overflow:hidden; margin-right:10px; float:left; border-radius:50%;}
#bottom .k ul li p.share a:hover{ background:#ec1e22;}

#copyright{ width:90%; margin:45px auto 0 auto; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.2); line-height:1.4rem; font-size:0.7rem; padding-top:1rem; text-align:center; color:#fff;}

#about{ width:90%; margin:0 auto; overflow:hidden; font-size:0.9rem;}
#about h2{ font-size:1.6rem; line-height:3rem; padding-top:2rem; padding-bottom:20px;}

#about_pic{ width:90%; margin:2rem auto 1rem auto; overflow:hidden;}
#about_pic ul{ width:100%;}
#about_pic ul li{ width:100%; float:left; margin-bottom:1rem;}
#about_pic ul li p{ line-height:3rem; text-align:center; font-size:0.9rem; background:#eee;}
#about_pic ul li img{ width:100%;}

#pro_btn{ width:100%; overflow:hidden; background:#333; padding:30px 0 50px 0;}
#pro_btn ul{ width:90%; margin:0 auto; overflow:scroll }
#pro_btn ul div{ width:1220px;}
#pro_btn ul li{ float:left;}
#pro_btn ul li a{ display:block; line-height:36px; border:solid 2px #fff; color:#fff; padding:0 20px; margin-right:20px;}
#pro_btn ul li a:hover{ background:#ec1e22; border:solid 2px #ec1e22;}
#pro_btn ul li a.it{ background:#ec1e22; border:solid 2px #ec1e22;}
#pro_btn h2{ width:90%; margin:30px auto 0 auto; overflow:hidden; color:#fff; line-height:50px; font-size:36px;}
#pro_btn h3{ width:90%; margin:0 auto 20px auto; overflow:hidden; color:#fff; line-height:1.4rem; font-size:0.9rem; font-weight:100;}

#pro{ width:100%; margin:0 auto; overflow:hidden; background:#f7f7f7;}
#pro .k{ width:90%; margin:60px auto 40px auto; overflow:hidden;}
#pro .k ul{ width:100%;}
#pro .k ul li{ width:100%; float:left; margin-right:50px; margin-bottom:2rem;}
#pro .k ul li a{ display:block; background:#fff; border-bottom:solid 10px #333;}
#pro .k ul li a img{ width:100%; }
#pro .k ul li a p.a0{ padding:30px;}
#pro .k ul li a div{ width:90%; margin:0 auto; overflow:hidden;}
#pro .k ul li a p.a1{ font-size:30px; font-weight:900;}
#pro .k ul li a p.a2{ font-size:18px; line-height:50px; padding-bottom:20px;}

#pro .k ul li a:hover{border-bottom:solid 10px #ec1e22;}


#bread{ width:100%; overflow:hidden; background:#0152a4; color:#fff;}
#bread p{ width:90%; margin:0 auto; overflow:hidden; line-height:3rem; font-size:0.8rem;}

#news{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:30px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ float:inherit; margin-right:0; width:100%;}
#news ul li a div p.a1{ font-size:1rem; line-height:1.2rem; font-weight:700; color:#000; padding-top:20px; transition:all .5s;}
#news ul li a div p.a2{ font-size:0.8rem; color:#666; padding-top:20px;}
#news ul li a div p.a3{ font-size:0..7rem; color:#999; padding-top:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news ul li a:hover p.a1{ color:#ec1e22;}

#page{ width:90%; margin:0rem auto 3rem auto; overflow:hidden; text-align:center;}
#page ul{ float:none; display:inline-block;}
#page ul li{ float:left;}
#page ul li.k{ display:none;}
#page ul li a{ display:block; color:#000; background:#eee; line-height:40px; padding:0 1rem; margin-left:10px;}
#page ul li a:hover{ color:#fff; background:#ec1e22;}
#page ul li a.it{ color:#fff; background:#ec1e22;}


#service{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#service h2{ font-size:1.6rem; line-height:60px;}
#service p{ font-size:0.9rem; color:#666;}

#salenet{ width:100%; margin:0 auto; overflow:hidden;}
#salenet img{ width:100%;}

#service1{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#service1 .cn{ float:left; width:100%; margin-right:0; margin-bottom:2rem; border-top:solid 0px #333;}
#service1 .cn p.tt{ font-size:24px; line-height:40px; font-weight:700;}
#service1 .cn p.cc{ overflow:hidden; color:#666;}
#service1 .cn p.cc span{ width:20%; display:block; float:left;}

#service1 .dn{ float:left; width:100%; margin-right:0; margin-bottom:2rem; border-top:solid 0px #333;}
#service1 .dn p.tt{ font-size:24px; line-height:40px; font-weight:700;}
#service1 .dn p.cc{ overflow:hidden;color:#666;}
#service1 .dn p.cc span{ width:50%; display:block; float:left;}

#service1 .dnk{ width:100%;}
#service1 .dnk p.cc span{ width:50%; display:block; float:left;}

#download{ width:90%; margin:2rem auto 1rem auto; overflow:hidden;}
#download ul{ width:100%;}
#download ul li{ width:100%; float:left; margin-right:0; margin-bottom:1rem;}
#download ul li a{ display:block; text-align:center; line-height:3rem; font-size:0.8rem; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px;}
#download ul li a img{ width:100%;}

#feedback{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#feedback ul{ width:100%; overflow:hidden;}
#feedback ul li{ float:left; width:99%; border:solid 1px #ddd; margin-right:17px; margin-bottom:17px;}
#feedback ul li p{ float:left; width:20%; line-height:40px; text-align:center; border-right:solid 1px #ddd;}
#feedback ul li input{ border:0; background:0; height:40px; width:78%; text-indent:10px;}

#feedback .content{ border:solid 1px #ddd; width:99%; overflow:hidden;}
#feedback .content p{ line-height:40px; width:20%; text-align:center; border-right:solid 1px #ddd; float:left; height:170px;}
#feedback .content textarea{ width:70%; height:150px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback .ok{ text-align:center; margin-top:30px;}
#feedback .ok button{ width:120px; text-align:center; line-height:40px; background:#333; color:#fff; cursor:pointer; transition:all 0.5s; font-size:16px;}
#feedback .ok button:hover{ background:#ec1e22;}

#job{ width:90%; margin:0 auto; overflow:hidden; background:#eee;}
#job .left{ width:100%; float:left;}
#job .left img{ width:100%}
#job .right{ padding:1rem; overflow:hidden;}
#job .right p.tt{ font-size:1.1rem; line-height:60px; color:#000; font-weight:700;}
#job .right p.cc{ font-size:0.9rem; color:#666;}

#job1{ width:90%; margin:0 auto  2rem auto; overflow:hidden; background:#eee;}
#job1 .left{ width:100%; float:right;}
#job1 .left img{ width:100%;}
#job1 .right{ overflow:hidden; padding:1rem;}
#job1 .right p.tt{ font-size:1.1rem; line-height:60px; color:#000;font-weight:700;}
#job1 .right p.cc{ font-size:0.9rem; color:#666;}


#job2{ width:95%; margin:0 auto; overflow:hidden;}
#job2 ul li{ border:solid 1px #eee; overflow:hidden; margin-bottom:30px; border-top:solid 2px #00275e;}
#job2 ul li span{ font-weight:900;}
#job2 ul li font{ color:#d6000f;}
#job2 ul li div.tt{ border-bottom:solid 1px #eee; background:#f7f7f7;overflow:hidden; line-height:1.4rem; padding:0.5rem 0}
#job2 ul li div.tt p{ width:90%; float:left; padding:0 2.5%;}
#job2 ul li div.cc{ border-bottom:solid 1px #eee; overflow:hidden; line-height:1.4rem; padding:0.5rem 0;}
#job2 ul li div.cc p{ width:90%; float:left; padding:0 2.5%;}
#job2 ul li div.dd{ border-bottom:solid 1px #eee; overflow:hidden; line-height:1.4rem; padding:0.5rem 0;}
#job2 ul li div.dd p{ width:90%; float:left; padding:0 2.5%;}
#job2 ul li div.aa{ background:#fff; overflow:hidden; line-height:24px; padding:0.5rem 0;}
#job2 ul li div.aa p{ width:90%; float:left; padding:0 2.5%;}

#appjob{ width:90%; margin:0rem auto 2rem auto; overflow:hidden;}
#appjob ul{ width:100%; overflow:hidden;}
#appjob ul li{ float:left; width:99%; border:solid 1px #ddd; margin-right:17px; margin-bottom:17px;}
#appjob ul li p{ float:left; width:20%; line-height:40px; text-align:center; border-right:solid 1px #ddd;}
#appjob ul li input{ border:0; background:0; height:40px; width:78%; text-indent:10px;}

#appjob .content{ border:solid 1px #ddd; width:99%; overflow:hidden;}
#appjob .content p{ line-height:40px; width:20%; text-align:center; border-right:solid 1px #ddd; float:left; height:170px;}
#appjob .content textarea{ width:70%; height:150px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#appjob .ok{ text-align:center; margin-top:30px;}
#appjob .ok button{ width:120px; text-align:center; line-height:40px; background:#333; color:#fff; cursor:pointer; transition:all 0.5s; font-size:16px;}
#appjob .ok button:hover{ background:#ec1e22;}


#contact{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}

#contact .left{ width:100%; float:left;}
#contact .left p{ line-height:60px; border-bottom:solid 1px #eee; font-size:0.8rem;}
#contact .left p:nth-child(1){ font-size:20px; font-weight:900;}
#contact .left p img{ height:30px; vertical-align:middle; margin-right:10px;}

#contact .right{ width:auto; padding:20px; float:right; background:#f7f7f7;}

#pro_banner{ width:100%; overflow:hidden; margin-top:115px; background:url(image/di1.jpg) no-repeat bottom/100% 30%;}


#pro_tt{ text-align:center; width:90%; float:inherit; margin:0 auto;}
#pro_tt h1{ font-size:1.4rem; line-height:1.4rem; color:#333; text-align:left;}
#pro_tt h1 p{ font-size:2.4rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; line-height:3rem; color:#ec1e22;}
#probig{ text-align:center; width:100%; margin:0 auto; overflow:hidden; float:right;}
#probig img{ width:100%;}

#pro_des{ width:100%; overflow:hidden; background:#0152a4;}

#bread1{ width:90%; margin:0 auto; color:#fff; overflow:hidden; padding:2rem 0;}
#bread1 p.a1{ width:100%; float:left; line-height:3rem; font-size:1.6rem; font-weight:700;}
#bread1 p.a2{ width:100%; font-size:0.8rem; line-height:1.8rem; float:right;}

#pro_can{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#pro_can h2{ font-size:2rem; line-height:4rem;}
#pro_can h2 span{ display:inline; font-size:0.7rem; color:#999; margin-left:10px; float:right;}
#mytable{ overflow:scroll;}
#pro_can table{ width:1000px;}
#pro_can table td{ line-height:40px;}
#pro_can .remarks{ line-height:60px;}

#pro_pic{ width:100%; margin:40px auto 2rem auto; overflow:hidden; background:#f7f7f7; padding:60px 0 2rem 0;}
#pro_pic h2{ font-size:2rem; line-height:4rem; width:90%; margin:0 auto;}

#pro_pic ul{ width:90%; margin:0 auto; overflow:hidden;}
#pro_pic ul li{ width:100%; float:left; margin:0 0 2rem 0;}
#pro_pic ul li img{ width:100%;}
#pro_pic ul li a{ display:block; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-bottom:solid 10px #333;}
#pro_pic ul li a:hover{ border-bottom:solid 10px #ec1e22;}


#pro_mess{ width:90%; margin:0 auto; overflow:hidden;}


.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

#content{ width:90%; margin:0 auto; overflow:hidden; margin-bottom:20px;}
#content .news_title{ font-size:1.5rem;padding: 10px; line-height:1.5rem;}
#content img{ max-width:100%;}
}